<template>
  <div class="home-recommend-item">
    <img v-lazy="brand.picture"/>
  </div>
</template>

<script lang="ts"
        setup>
import type {Brand} from '@/types/category'
import {toRefs} from 'vue'

let props = defineProps<{
  data: Brand
}>()

let {data: brand} = toRefs(props)
</script>

<style lang="less"
       scoped>
.home-recommend-item {
  width: 240px;
  cursor: pointer;

  img {
    width: 240px;
    height: 306px;
  }
}
</style>